/*
* loader:1.下载 2.使用(配置loader)
* plugins:1.下载 2.引入 3.使用  npm i html-webpack-plugin -D
* */

const {resolve} = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
    entry:'./src/index.js',
    output:{
        filename:'built.js',
        path:resolve(__dirname,'build')
    },
    module:{
        rules:[

        ]
    },
    plugins:[
        //html-webpack-plugin
        //默认会创建一个空的html文件 引入打包输出的所有资源
        // /需求:需要有结构的html文件
        new HtmlWebpackPlugin({
            //复制目标html文件 自动引入打包输出的所有资源
            template:'./src/index.html'
        })

    ],
    mode:'development'

}